<!DOCTYPE html>
<html>
<head>
<title>加载失败</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<style>
* {
	font-size: 16px;
}
.container {
	width: 100%;
	text-align: center;
	position: fixed;
	top: 40%;
	color: #999;
}
#reload_btn {
	color: #666;
	border-radius: 3px;
	border: 1px solid #999;
	padding: 5px 10px;
	cursor: pointer;
	width: 150px;
	margin: 20px auto;
}
</style>
</head>
<body>
	<div class="container">
		<div class="info">网络出错啦，请点击按钮重新加载</div>
		<div id="reload_btn">重新加载</div>
	</div>
	<script>
        var Native = {
            // call原生接口
            call : function(command, params) {
                // android
                if (window.Android) {
                    Android[command](JSON.stringify(params));
                } else {
                    // ios
                    window.location = 'js-call:' + command + ':' + encodeURIComponent(JSON.stringify(params));
                }
            },
            // 添加接口供原生调用
            addInterface : function(name, func) {
                window[name] = func;
            }
        };
        document.getElementById('reload_btn').onclick = function() {
            Native.call('jsreload', {});
        }
    </script>
</body>
</html>